@import (reference) "@{cosyless}";
@bg1:#f2f2f2;
@bg2:#e6e6e6;
@bg3:#fafafa;
@bg4:#f6f9ff;

.fui-table-view{
    border-width: 1px;
    border-style: solid;
    border-color: @bg2;
    .clearfix();
}
.fui-table-box{
    overflow: hidden;
    position: relative;
}
.fui-table-fixed-left{
    float: left;
}
.fui-table-fixed-right{
    float: right;
}

.fui-table-header{
    background: @bg1;
    border-width:0 0 1px;
    border-color: @bg2;
    border-style: solid;
    overflow: hidden;
    .fui-table-tr{
        box-sizing: border-box;
        .clearfix();
        margin-bottom: -1px;
    }
    .fui-table-tr{
        background: @bg1;
    }
}
.fui-table-box{
    .fui-table-header{
        margin-right: -1px;
    }
}
.fui-table-th,.fui-table-patch{
    float: left;
    padding: 5px 0;
    border-right:1px solid @bg2;
    border-bottom:1px solid @bg2;
}
.fui-table-body{
    box-sizing: border-box;
    position: relative;
    .fui-table-tr{
        box-sizing: border-box;
        .clearfix();
        &:nth-child(even){
            background:@bg3;
        }
        &:hover,&.trHover{
            background: @bg4;
        }
    }
}
.fui-table-box{
    .fui-table-body{
        margin-bottom: -1px;
        margin-right: -1px;
        overflow: auto;
    }
}
.fui-table-fixed{
    overflow: hidden;
    .fui-table-body{
        overflow: hidden;
        margin-bottom: -1px;
    }
}
.fui-table-td{
    float: left;
    padding: 5px 0;
    border-right:1px solid @bg2;
    border-bottom:1px solid @bg2;
}
.fui-table-cell{
    line-height:28px;
    .text-overflow-nowrap-ellipsis();
    box-sizing: border-box;
    padding:0 15px;
    height:28px;
    &.fui-table-code{
        width:60px;
    }
    &.fui-table-checkbox{
        width:85px;
        cursor: pointer;
        input[type="checkbox"]{
            vertical-align: middle;
            margin: -2px 4px 0 0;
        }
    }
}

.fui-table{
    width:auto;
    background: #fff;
    color: #666;
    position: relative;
    font-size: 14px;
}

.fui-table-patch .fui-table-cell {
    padding: 0;
    width: 30px
}








